<template>
  <div class="sum">
    <div class="top">

<div class="image1">

  <img :src="topimgUrl">
</div>
      <div class="msg1">
        {{topname}}
        <img :src="topmsg">

        <div class="img3">


        </div>
      </div>

    </div>


  </div>

</template>

<script>
export default {
  props:{
    topimgUrl:{
      type:String,
      default:''
    },
    topname: {
      type: String,
      default: '小霞'
    },

    topmsg:{
      type:String,
      default:''
    }



  }

}
</script>

<style  scoped>
.sum{
  width: 230px;
  height: 100px;
  background: #e8e8e8;
  border: 1px solid gainsboro;
  display: flex;
  margin-top: 23px;
}
.top{
  width: 230px;
  height: 120px;
  border: 1px solid #fafafa;
  display: flex;


}
.image1{
  margin: 10px 10px 10px 10px;
}
.msg1{
  line-height: 20px;
  font-weight: 900;
  margin-top: 15px;

}
.img3{
  background: url("@/assets/img/播放.png") no-repeat;
  width: 230px;
  height:100px ;
  margin-top: 10px;
}
</style>